.noRipple span {
  /* this disables mui's ripple */
  display: none;
}

.currentPageInput {
  text-align: center;
  border: none;
  font: inherit;
  border-bottom: 1px solid var(--fo-palette-primary-plainColor);
  background: transparent;
  outline-width: 0;
  width: 4em;
  color: var(--fo-palette-text-primary);
}

.currentPageInput:focus {
  border: none;
  border-bottom: 1px solid var(--fo-palette-primary-plainColor);
  background: transparent;
  outline-width: 0;
}
